<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>注册</title>
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/register.css">
    <link rel="stylesheet" href="/css/common.css">
    <script type="text/javascript" src="/js/assets/config.js"></script>
    <script type="text/javascript" src="/js/assets/require.js" data-main="/js/register"></script>
</head>
<body>
<#include "/include/header.ftl">
<div class="login-content">
    <div class="login-content-center">
        <div class="whole-img">
            <img src="/img/registerBackground.png"/>
        </div>
        <div class="login-box">
            <div class="box-title">
                用户注册
            </div>
            <div class="box-input">
                <div class="box-input-center">
                    <p class="login_input_wrap">
                        <input placeholder="请输入手机号" type="text" id="phone" class="login-input1" maxlength="11" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"/>
                        <span class="user_del"></span>
                    </p>

                    <p class="login_input_code">
                        <input id="code" placeholder="请输入验证码" onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"type="text" maxlength="4"  class="login-input
                        login-check-code"  />
                        <img class="validImg" alt="点击更换" title="点击更换" src="/sys/ImageServlet"/>
                    </p>

                    <p class="login_input_password">
                        <input type="text" id="verification" placeholder="请输入验证码" class="login-input-verification"
                               onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"
                               maxlength="4"/>
                        <input type="button" id="clickMes" class="obtain" value="获取验证码"/>
                    </p>


                    <input type="hidden" id="invite"/>

                    <p class="login_setting_password"><input placeholder="请设置6~20长度密码" type="password" id="password"
                                                             class="login-input" maxlength="20" onkeyup="value=value.replace(/[^\w\u4E00-\u9FA5]/g, '')"/>
                    <img src="/img/mimabukejian.png" data-type="1" id="passwordNoSee" style="margin-left: 300px;margin-top: -40px;cursor:pointer;" /></p>
                    <#--<img src="/img/mimakejian.png" class="display" id="passwordSee" style="margin-left: 300px;margin-top: -40px;cursor:pointer;" />-->
                    </p>
                        <#--这一块是推荐人选填-->
                    <p class="login-choice" style="font-size: 16px">
                        <span class="icon-left">
                        </span>
                        推荐人邀请码(选填)
                    </p>
                    <p class="login-choicephopne" hidden>
                      <input type="text" id="people-choice" class="login-input2"
                             onkeyup="value=value.replace(/[^\w\.\/]/ig,'')"
                             maxlength="11" placeholder="请输入邀请码或邀请人手机号">
                    </p>
                </div>
                <div class="keep-password">
                    <div class="keep-password-center">
                        <input type="checkbox" class="checkbox" id="checkbox" checked/>
                        <div class="keep-text" style="font-size: 16px">
                            我已阅读并同意<span style="color:#2C97F5;cursor:pointer;"><a style="color:#2C97F5!important;" href="/html/registerxy.html" target="_blank">《服务条款协议》</a></span>
                        </div>
                    </div>
                </div>
                <div class="login-but">
                    <div class="login-but-center">
                        <button id="register" class="but">
                            注册
                        </button>
                    </div>
                </div>
                <div class="login-text">
                    <div class="login-text-center" style="font-size: 16px">
                         <span style="color: #606060">已有账户？</span><a href="/login" style="color: #ff5e5e;cursor:pointer;">立即登录</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<#include "/include/footer.ftl">
<#include "/include/smalldetails.ftl">
</body>
</html>

